/*
  学习目标：class语法补充

*/

import React from 'react';
import ReactDOM from 'react-dom';

class App extends React.Component {
  render() {
    return <div></div>;
  }
}

console.log('new App()  ----->  ', new App());

// 注意：
// 💥class的{}，不是对象语法，没有键值对和：
// 💥=表示是： 实例属性或实例方法
// 💥extends 表示继承: 爸爸身上有什么，我自动获得什么
class Programmer {
  name = '程序员';

  writeCode = () => {
    console.log(' 写代码  ----->  ');
  };

  // 会出现在原型对象上
  sayHello() {}
}

// console.log('new Programmer()  ----->  ', new Programmer());

class FrontEnd extends Programmer {}

const fe = new FrontEnd();
fe.writeCode();
console.log('name  ----->  ', fe.name);
